<!-- 售后服务 -->
<template>
	<view class="sale">
		<view class="sale_box">
			<saleTop :advise="name_list"></saleTop>
			<view class="sale_middle">
				<view class="middle_name">反馈内容</view>
				<textarea class="middle_span" placeholder="请输入使用过程中遇到的问题或者对我们的建议…" maxlength="88"></textarea>
				<view class="middle_num">0/88</view>
			</view>
			<saleBottom :list="img_list"></saleBottom>
			<sumbitBtn :msg="btn"></sumbitBtn>
		</view>
	</view>
</template>

<script>
	import saleBottom from 'pages/user/components/sale-bottom.vue'
	import saleTop from 'pages/user/components/sale-top.vue'
	import sumbitBtn from 'pages/user/components/sumbit-btn.vue'
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	export default {
		components: {
			saleBottom,
			saleTop,
			sumbitBtn
		},
	  data() {
	    return {
			btn: "提交",
			img_list: [
			// {
			// 	id: 0,
			// 	img: "/static/img/4.png"
			// },{
			// 	id: 1,
			// 	img: "/static/img/4.png"
			// },{
			// 	id: 2,
			// 	img: "/static/img/4.png"
			// }
			// ,
			// {
			// 	id: 0,
			// 	img: "/static/img/4.png"
			// },{
			// 	id: 1,
			// 	img: "/static/img/4.png"
			// },
			// {
			// 	id: 2,
			// 	img: "/static/img/4.png"
			// },{
			// 	id: 3,
			// 	img: "/static/img/4.png"
			// },
			// {
			// 	id: 4,
			// 	img: "/static/img/1.png"
			// },
			],
			name_list: [
			{
				id: 0,
				selected: false,
				name: "功能建议"
			},{
				id: 1,
				selected: false,
				name: "异常反馈"
			},{
				id: 2,
				selected: false,
				name: "BUG反馈"
			},
			{
				id: 3,
				selected: false,
				name: "内容建议"
			},{
				id: 4,
				selected: false,
				name: "界面建议"
			},{
				id: 5,
				selected: false,
				name: "其他"
			},
			]
		};
	  },
	};
	
</script>

<style scoped lang="scss">
@import './index.scss';
</style>
<style scoped lang="scss">
page{
	background-color: #fff;
}
</style>
